<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
    <style>
        img{
            width: 100%;
            height: 100%;
            clear: both;
        }
        div{
            border: 1px solid red;
            margin: 4px;
            background: white;
        }
        a{
            text-decoration: none;

        }

    </style>
</head>
<body>
<div style="float: left;width: 20%;height: 410px"><a href="https://www.baidu.com/" target="_blank"><img src="../img/1.webp"></a></div>
<div style="float: left;width: 20%;height: 410px"><a href="https://www.baidu.com/" target="_blank"><img src="../img/2.webp"></a></div>
       <div style="float: left; width: 20%; height: 200px;text-align: center; "><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">京东超市</b><i style="color: darkgrey">一站式屯生活好物</i><br><br>
           <img src="../img/3.webp" style="width: 45%; height: 70%">
           <img src="../img/4.webp" style="width: 45%; height: 70%"></a>
       </div>
       <div style="float: left; width: 20%; height: 200px;text-align: center; "><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">京东时尚</b><i style="color: darkgrey">服饰美妆好物</i><br><br>
           <img src="../img/7.webp" style="width: 45%; height: 70%">
           <img src="../img/8.webp" style="width: 45%; height: 70%"></a>
       </div>
       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">汽车生活</b><i style="color: darkgrey">放心养车 爱车无忧</i><br><br>
           <img src="../img/5.webp" style="width: 45%; height: 70%">
           <img src="../img/6.webp" style="width: 45%; height: 70%"></a></div>
       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">食品饮料</b><i style="color: darkgrey">吃货嘉年华</i><br><br>
           <img src="../img/9.webp" style="width: 45%; height: 70%">
           <img src="../img/19.webp" style="width: 45%; height: 70%"></a>
       </div>
       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">企业购</b><i style="color: darkgrey">一站式企业采购平台</i><br><br>
           <img src="../img/21.webp" style="width: 45%; height: 70%">
           <img src="../img/22.webp" style="width: 45%; height: 70%"></a>
       </div>

       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">京东国际</b><i style="color: darkgrey">一站尽享进口好物</i><br><br>
           <img src="../img/23.webp" style="width: 45%; height: 70%">
           <img src="../img/24.webp" style="width: 45%; height: 70%"></a>
       </div>
       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">玩3C</b><i style="color: darkgrey">潮流电子 炫酷来袭</i><br><br>
           <img src="../img/25.webp" style="width: 45%; height: 70%">
           <img src="../img/26.webp" style="width: 45%; height: 70%"></a>
       </div>
       <div style="float: left; width: 20%; height: 200px;text-align: center;"><a href="https://www.baidu.com/" target="_blank">
           <b style="font-size: 25px">电脑办公</b><i style="color: darkgrey">科技潮物 惠享不停</i><br><br>
           <img src="../img/25.webp" style="width: 45%; height: 70%">
           <img src="../img/26.webp" style="width: 45%; height: 70%"></a>
       </div>
</body>
</html>